<template>
  <div>
    <button @click="uploadVideo">上传视频</button>
<!--    <div class="videoContent">-->
<!--&lt;!&ndash;      封面&ndash;&gt;-->
<!--      <div class="title">-->
<!--        <div>-->
<!--          <input type="text" placeholder="写标题并使用合适的话题，能让更多人看到～">-->
<!--          <button>@好友</button>-->
<!--        </div>-->
<!--        <div class="upLoadImg">-->
<!--          上传头像-->
<!--        </div>-->
<!--      </div>-->
<!--&lt;!&ndash;      标签&ndash;&gt;-->
<!--      <div class="sign">-->
<!--&lt;!&ndash;        标签标题&ndash;&gt;-->
<!--        <div class="signTitle">-->
<!--          <div>标签</div>-->
<!--          <button>获取标签</button>-->
<!--        </div>-->
<!--&lt;!&ndash;        标签列表&ndash;&gt;-->
<!--        <div class="signList">-->
<!--          <div v-for="(item,index) in signList" :key="index">-->
<!--            {{ item }}-->
<!--          </div>-->
<!--        </div>-->
<!--      </div>-->
<!--&lt;!&ndash;      自定义标签&ndash;&gt;-->
<!--      <div class="customSign">-->
<!--        <div>自定义标签</div>-->
<!--        <input type="text" placeholder="请输入标签，可逗号隔开多个标签">-->
<!--      </div>-->
<!--&lt;!&ndash;      地址&ndash;&gt;-->
<!--      <div class="address">-->
<!--        <div class="addressLeft">-->
<!--          <img src="" alt="">-->
<!--          朝阳大悦城-->
<!--        </div>-->
<!--        <img class="addressRight" src="" alt="">-->
<!--      </div>-->

<!--    </div>-->
<!--    <div class="bottomFixed">-->
<!--      <div class="saveVideo flex-end">-->
<!--        <img src="" alt="">-->
<!--        保存本地-->
<!--      </div>-->
<!--      <button>发布</button>-->
<!--    </div>-->
  </div>
</template>

<script>
  // import {GETSIGN} from "../apis/mine";
  // import * as TcVod from 'vod-js-sdk-v6'
  export default {
    components: {

    },
    data () {
      return {
        signList:[1,2,3]
      }
    },

    mounted () {

    },
    methods: {
      // 调原生发起视频
      chooseVideo(){
        if (this.$systemInfo()==='android'){
          window.android.toChooseVideo(uploadVideo);
        }else if(this.$systemInfo()==='ios') {
          window.webkit.messageHandlers.toChooseVideo.postMessage(uploadVideo);
        }
      },
      // 定义获取上传签名的函数
      getSignature() {
        let getSign = GETSIGN
        return getSign()
          .then(res => {
            // console.log(res)
            if (res.data.code * 1 == 200) {
              return res.data.data.signature
            }
          })
      },
      // 上传视频
      uploadVideo(url){
        var URL = url?url:'http://job.dayinyun.com/15936010042371593520739801779.mp4';
        // 转换为文件格式
        let mediaFile = new File([URL], new Date().getTime()+".mp4",{type:"video/mp4"});
        const tcVod = new TcVod.default({
          getSignature: this.getSignature  // 获取上传签名的函数
        })
        // 上传视频
        const uploader = tcVod.upload({
          mediaFile: mediaFile, // 媒体文件（视频或音频或图片），类型为 File
        })
        // 上传成功
        uploader.done().then(function (doneResult) {
          // 跳到发布视频页
          console.log(doneResult)
          // deal with doneResult
        }).catch(function (err) {
          this.$toast(err)
        })
      }
    }
  }
</script>

<style lang="less" scoped>
  @import (reference) url(../assets/less/common);
  .videoContent{

  }
  .bottomFixed{
    position: fixed;
    bottom:0;
    left:0;
    right:0;
    .saveVideo{
      width:100%;
      padding:0 0.3rem;
      box-sizing: border-box;
      font-size: @fontSize28;
      font-weight: @fontWeight400;
      font-family: @fontFamily400;
      color: #ffffff;
      img{
        width:0.24rem;
        height:auto;
        margin-right: 0.06rem;
      }
    }
    button{
      width:100%;
      height:0.98rem;
      background: #FD0000;
      font-size: @fontSize36;
      font-weight: @fontWeight400;
      font-family: @fontFamily400;
      color: #ffffff;
      margin-top: 0.24rem;
    }
  }
</style>
